<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
       xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="/header.xhtml">
            <ui:define name="menu">
                  <h:commandLink value="Inicio" action="/header.xhtml"/>
        </ui:define>
        <ui:define name="conteudo">
        <legend><i class="icon-edit"></i>Cadastro de produto</legend>

             <h:inputHidden value="#{produtoMB.produto.id}"/>
            <div style="margin-left: 45px;">
                <h:panelGrid columns="1">

                    <h:outputLabel class="control-label">Id</h:outputLabel>
                    <h:inputText value="#{produtoMB.produto.id}" class="input-large" required="true" readonly="true" />

                    <h:outputLabel class="control-label">Código Interno</h:outputLabel>
                    <h:inputText value="#{produtoMB.produto.codigoInterno}" class="input-large" required="true"/>

                    <h:outputLabel class="control-label">Nome</h:outputLabel>
                    <h:inputText value="#{produtoMB.produto.nome}" class="input-large" required="true"/>

                    <h:outputLabel class="control-label">Valor</h:outputLabel>
                    <h:inputText value="#{produtoMB.produto.valor}" class="input-large" required="true"/>
                    
                    <h:outputLabel class="control-label">Categoria</h:outputLabel>
           
                <!-- 
                    O atributo value é ligado no atributo conta do objeto lancamento constante na classe LancamentoMB.
                    O atributo converter permite definir qual classe será utilizada para conversão de objeto do tipo Conta.                                    
                -->                
                <h:selectOneMenu value="#{produtoMB.produto.categoria}" 
                                 converter="conversorCategoriaProduto">
                    <f:selectItems value="#{produtoMB.categoriasProduto}" var="categoria" 
                                   itemLabel="#{categoriaProduto}" 
                                   itemValue="#{categoriaProduto}" 
                                   noSelectionValue="Selecione uma categoria."/>
                </h:selectOneMenu>

                </h:panelGrid>

            </div>
            <div class="form-actions">
                <h:commandButton value="Salvar" action="#{produtoMB.salvar()}" class="btn btn-inverse  pull-right" onclick="return confirm('Deseja realmente salvar?')"></h:commandButton>
                <h:commandButton value="Limpar" action="#{produtoMB.novo()}" class="btn  pull-left"></h:commandButton></div>
        </ui:define>
        </ui:composition>
</html>

